<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <!-- 清除样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入本页样式 -->
    <link rel="stylesheet" href="./css/personal_center.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2617324_1gqhh2mdtfj.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <ul>
            <!-- 返回按钮 -->
            <li class="back"><a href="index.html"><input type="button" value="Back"></a></li>
            <li>我的</li>
            <!-- 选择城市框 -->
            <li>
                <img src="./images/personal_center/形状 15.jpg" alt="">
                <!-- 做个小圆点 -->
                <span>2</span>
            </li>
        </ul>
    </header>
    <div class="main">
        <!-- 头像及个人资料 -->
        <div class="Personal_Information">
            <div class="left">
                <div class="head_portrait"><a href="#"><img src="./images/personal_center/头像.jpg" alt=""></a></div>
                <div class="register">
                    <h2><a href="#">点击登录</a></h2>
                    <h3>常居住地未设置</h3>
                </div>
            </div>
            <div class="right">
                <a href="#">&gt;</a>
            </div>
        </div>
        <!-- 功能模块 -->
        <ul class="function">
            <li>
                <a href="#">
                    <i class="iconfont icon-007"></i>
                    <span>我的点评</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-006"></i>
                    <span>我的收藏</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont icon-001"></i>
                    <span>我的优惠券</span>
                </a>
            </li>
        </ul>
        <!-- 其他设置 -->
        <ul class="more_list">
            <li>
                <div class="left">
                    <a href="#">
                        <div class="img">
                            <img src="./images/personal_center/图层 3.jpg" alt="">
                        </div>
                        <span>我的钱包</span>
                    </a>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </li>
            <li>
                <div class="left">
                    <a href="#">
                        <div class="img">
                            <img src="./images/personal_center/形状 13 副本.jpg" alt="">
                        </div>
                        <span>待点评</span>
                    </a>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </li>
            <li>
                <div class="left">
                    <a href="#">
                        <div class="img">
                            <img src="./images/personal_center/形状 17.jpg" alt="">
                        </div>
                        <span>找好友</span>
                    </a>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </li>
            <li>
                <div class="left">
                    <a href="#">
                        <div class="img">
                            <img src="./images/personal_center/形状 20.jpg" alt="">
                        </div>
                        <span>我的足迹</span>
                    </a>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </li>
            <li>
                <div class="left">
                    <a href="#">
                        <div class="img">
                            <img src="./images/personal_center/形状 21.jpg" alt="">
                        </div>
                        <span>设置</span>
                    </a>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </li>
            <li>
                <div class="left">
                    <a href="#">
                        <div class="img">
                            <img src="./images/personal_center/形状 22.jpg" alt="">
                        </div>
                        <span>联系</span>
                    </a>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </li>
        </ul>
        <!-- 两个按钮 -->
        <div class="btn">
            <input type="button" value="退出">
            <input type="button" value="注销">
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <ul>
            <li>
                <a href="index.html">
                    <i class="iconfont icon-shouye1"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="classify.html">
                    <i class="iconfont icon-fenlei4"></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="found.html">
                    <i class="iconfont icon-shouye_r2_c2"></i>
                    <span>发现</span>
                </a>
            </li>
            <li>
                <a href="personal_center.html">
                    <i class="iconfont icon-wode02"></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>
</html>